<template>
  <!-- 全局注册组件 -->
  <GlobleComponentA/>
  <GlobleComponentB/>

  <!-- 局部注册组件 -->
  <ScopedComponentA/>
  <ScopedComponentB/>
</template>

<script>
import {defineComponent} from 'vue';

// 引入局部组件
import ScopedComponentA from '@/components/scoped/ScopedComponentA.vue';
import ScopedComponentB from '@/components/scoped/ScopedComponentB.vue';

export default defineComponent({
  // 注册局部组件
  components: {ScopedComponentB, ScopedComponentA}
});
</script>

<style scoped>

</style>